<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3 Transition - SliderMenu</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="wrap">
  <h1 class="header"><a href="http://www.dfuns.idv.tw" target="_blank" title="DFUNS 設計之邑">DFUNS 設計之邑</a></h1>
  <ul class="navi">
    <li><a href="javascript:;" title="ABOUT US">ABOUT US</a></li>
    <li><a href="javascript:;" title="PRODUCTS">PRODUCTS</a></li>
    <li><a href="javascript:;" title="STORES">STORES</a></li>
    <li><a href="javascript:;" title="CONTACT US">CONTACT US</a></li>
    <li><a href="javascript:;" title="DESIGN">DESIGN</a></li>
    <li><a href="javascript:;" title="CLASS">CLASS</a></li>
  </ul>
  <div class="content">
  這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字 這是文字   </div>
</div>
</body>
</html>
